<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
   xmlns:th="http://www.thymeleaf.org">
<body>
	<div th:fragment="topbar">
	
		<!-- <section style="overflow: hidden;">
			<div class="topbar-items-left">
				<div id="ShowMenu" class="topbar-item toolTip" th:title="#{sistema.mostrarMenu}" th:if="${beans.systemInfo.authenticated}">
					<img alt="menu" src="/images/icons/application-icon-large.png" th:src="@{/images/icons/application-icon-large.png}" />
				</div>
			</div>
		</section> -->
		
		<div class="btn-group" th:if="${beans.systemInfo.hasRole('grp:admin')}">
			<a class="btn btn-clear" href="#"><i class="fa fa-file fa-fw">
				</i>Gestion</a><a class="btn btn-clear dropdown-toggle"
					data-toggle="dropdown" href="#"><span class="fa fa-caret-down"></span></a>
			<ul id="GestionMenu" class="dropdown-menu" role="menu">
				<li><a th:href="@{'/personas/escribano'}" if="${beans.systemInfo.hasRole('pag:personas')}"><i class="fa fa-save fa-fw"></i>
						Gestionar Escribanos</a></li>
				<li><a th:href="@{'/personas/'}" if="${beans.systemInfo.hasRole('pag:personas')}"><i class="fa fa-save fa-fw"></i>
						Gestionar Personas</a></li>
				<li><a th:href="@{'/vehiculos/'}" if="${beans.systemInfo.hasRole('pag:vehiculos')}"><i class="fa fa-save fa-fw"></i>
						Gestionar Vehiculos</a></li>
				<li><a th:href="@{'/inmuebles/'}" if="${beans.systemInfo.hasRole('pag:inmuebles')}"><i class="fa fa-save fa-fw"></i>
						Gestionar Inmuebles</a></li>
				<li><a th:href="@{'/templates/'}" if="${beans.systemInfo.hasRole('pag:templates')}"><i class="fa fa-save fa-fw"></i>
						Gestionar Templates</a></li>
				<li><a th:href="@{'/controles/'}" if="${beans.systemInfo.hasRole('pag:controles')}"><i class="fa fa-save fa-fw"></i>
						Gestionar Controles</a></li>
			</ul>
		</div>
		<div class="btn-group" th:if="${beans.systemInfo.hasRole('grpmnu:referencia')}">
			<a class="btn btn-clear" href="#"><i class="fa fa-file fa-fw">
				</i>Referencia</a><a class="btn btn-clear dropdown-toggle"
					data-toggle="dropdown" href="#"><span class="fa fa-caret-down"></span></a>
			<ul id="ReferenciaMenu" class="dropdown-menu" role="menu">
				<li><a th:href="@{'/localidades/'}" if="${beans.systemInfo.hasRole('pag:localidades')}"><i class="fa fa-save fa-fw"></i>
						Gestionar Localidades</a></li>
			</ul>
		</div>
		<div class="btn-group" th:if="${beans.systemInfo.hasRole('grp:admin')}">
			<a class="btn btn-clear" href="#"><i class="fa fa-file fa-fw">
				</i>Administracion</a><a class="btn btn-clear dropdown-toggle"
					data-toggle="dropdown" href="#"><span class="fa fa-caret-down"></span></a>
			<ul id="AdministracionMenu" class="dropdown-menu" role="menu">
				<li><a th:href="@{'/perfiles/'}" if="${beans.systemInfo.hasRole('pag:perfiles')}"><i class="fa fa-save fa-fw"></i>
						Gestionar Perfiles</a></li>
				<li><a th:href="@{'/usuarios/'}" if="${beans.systemInfo.hasRole('pag:usuarios')}"><i class="fa fa-save fa-fw"></i>
						Gestionar Usuarios</a></li>
				<li><a th:href="@{'/datosComp/'}" if="${beans.systemInfo.hasRole('pag:datosComp')}"><i class="fa fa-save fa-fw"></i>
						Gestionar Datos Complementarios</a></li>
			</ul>
		</div>
		<div class="topbar-items">
			<div id="Logout" class="topbar-item toolTip" th:title="#{sistema.logout}">
				<a th:href="@{/logout}">
					<i class="fa fa-minus-circle fa-fw fa-lg"></i>
				</a>
			</div>
			<div id="GoHome" class="topbar-item toolTip" th:title="#{sistema.home}">
				<a th:href="@{/}">
					<i class="fa fa-home fa-fw fa-lg"></i>
				</a>
			</div>
			<div id="ShowUserInfo" class="topbar-item toolTip" th:title="#{sistema.credenciales}" th:if="${beans.systemInfo.hasRole('pag:cambiarcredenciales')}">
				<a th:href="@{/credenciales}">
					<i class="fa fa-user fa-fw fa-lg"></i>
				</a>
			</div>
		</div>
	</div>
</body>
</html>